<template>
  <div style="height: 100%;">
    <part-update-list ref="partUpdateList" :EcuUpgradeDetailListParameters="EcuUpgradeDetailListParameters" style="padding: 24px 24px 0 24px;height: 90%;" @carUpgradeInfoChange="carUpgradeInfoChange" :istableCol="istableCol"></part-update-list>
    <p class="withVerticleLineT4" style="margin: 10px 0 0 10px;font-weight: 600;font-size: 16px;">ECU升级信息</p>
    <monitor-ecu-detail :isInitExecution="isInitExecution" :carUpgradeInfo="carUpgradeInfo" style="height: 100%;"></monitor-ecu-detail>
  </div>
</template>
<script>
import PartUpdateList from '@/views/components/PartUpdateList/index.vue'
import monitorEcuDetail from '@/views/statistics/monitorEcuDetail/index.vue'
export default {
  components: {
    PartUpdateList,
    monitorEcuDetail
  },
  data () {
    return {
      isInitExecution: false,
      istableCol: true,
      carUpgradeInfo: {}
    }
  },
  props: {
    EcuUpgradeDetailListParameters: {
      type: Object,
      default () {
        return {}
      }
    }
  },
  methods: {
    resize () {
      this.$refs.partUpdateList.resize()
    },
    carUpgradeInfoChange (val) {
      this.carUpgradeInfo = val
    }
  }
}
</script>
<style scoped lang="less">
 ::v-deep .ant-form-item-label {
  padding-bottom: 2px;
}
::v-deep .ant-form-item {
  margin-bottom: 0;
}
</style>
